/* Copyright (c) 2011, the Dart project authors.  Please see the AUTHORS file */
/* for details. All rights reserved. Use of this source code is governed by a */
/* BSD-style license that can be found in the LICENSE file. */

body {
	font-style: normal;
	font-family: sans-serif;
	font-size:0.9em;
    margin-top: 0;
    margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display:block;
}

.centered {
	text-align: center;
}

.full {
	width: 100%;
}

div.control {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}


select,input[type='range'] {
  width:100%;
}

div.rangeOption {
	display:table;
	width:100%;
}

div.rangeRow {
 	display:table-row;
 	width:100%;
}

.rangeOption label {
	display:table-cell;
	text-align: center;
}

.rangeOption input[type='range'] {
  display:block;
  width: 100%;
}

.rangeRow .minLabel {
  text-align: left;
}

.rangeRow .maxLabel {
  text-align: right;
}

.buttonBar {
  text-align: center;
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
}

.counter {
  display: block;
  color: Gray;
  font-size: 72px;
  font-style: normal;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
}

#wrapper {
  display: table;
}

#leftnav {
  float: left;
  width: 200px;
  margin: 10px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 25px 25px 25px 25px;
  padding: 1em;
}

#palette {
  cursor: pointer;
}

#lucky {
  width:100%;
}

#main {
  float:right;
}